<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/template.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
	</head>

	<body>
		<div class="web">
			<!--头部跟中间-->
			<!--头部-->
				<header>
					<div class="content">
						<!--菜单按钮-->
						<a href="loadding.html"><img src="img/template/head_left.jpg" /></a>
						<img id="aaa" src="img/template/logo&font.jpg" />
						<!--搜索框按钮-->
						<a href="search.html"><img src="img/template/search_01.png" /></a>
					</div>
				</header>
			<div class="phone">
				
				<!--中部-->
				<div class="mid">
					<!--阿里妈妈-->
					<div class="alimama">
						<img src="img/index/alibaba_ (2).png" />
						<div>
							|
						</div>
						<img src="img/index/alibaba_ (1).png" />
					</div>
					<!--DT大数据 banner-->
					<div class="banner">
						<img src="img/index/banner_index.png" />
						<!--阴影部分-->
						<div class="shadow">
							<p>省广股份携手阿里妈妈举行DT大时代 全息营销......</p>
							<!--眼睛部分-->
							<div class="heart">
								<a href="#"><img src="img/artical/heart1_01.png" /></a>
								<span>120</span>
								<a href="#"><img src="img/index/index_eye.png" /></a>
								<span>560</span>
								<div class="time">
									<span>12月26日 07:33:43</span>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
					<!--互联网1-->
					<div class="internet">
						<!--观点1-->
						<div class="view">
							<div class="view_p">
								<p>
									<a href="">#大时代#互联网卖内衣全球引爆声量飙至7.9亿</a>
								</p>
								<div class="img_span">
									<a href="#"><img src="img/artical/heart1_01.png" /></a>
									<span>120</span>
									<span>[案例观点] </span>
									<span>2小时前   </span>
									<div class="clear"></div>
								</div>
							</div>
							<div class="view_img">
								<img src="img/index/index_ (1).png" />
							</div>
						</div>
						<!--观点2-->
						<div class="view view1">
							<div class="view_p">
								<p>
									<a href="">#大时代#互联网卖内衣全球引爆声量飙至7.9亿</a>
								</p>
								<div class="img_span">
									<a href="#"><img src="img/artical/heart1_01.png" /></a>
									<span>866</span>
									<span>[课程] </span>
									<span>5小时前   </span>
									<div class="clear"></div>
								</div>
							</div>
							<div class="view_img">
								<img src="img/index/index_ (2).png" />
							</div>
						</div>
					</div>
					<div class="hr1"></div>

					<!--互联网2-->
					<div class="internet2">
						<!--大时代1-->
						<a href="">
							<p>#大时代#互联网卖内衣全球引爆声量飙至7.9亿</p>
						</a>
						<div class="internet2_img">
							<img src="img/index/index_ (3).png" />
							<img src="img/index/index_ (4).png" />
							<img src="img/index/index_ (5).png" />
						</div>
						<!--评论-->
						<div class="internet_pinglun">
							<a href="#"><img src="img/index/touxiang.png" /></a>
							<span>陈正光</span>
							<a href="#"><img src="img/index/mail.png" /></a>
							<span>66888</span>
							<a href="#"><img src="img/artical/heart1_01.png" /></a>
							<span>66888</span>
							<span>[案例观点]</span>
							<span>2天前 </span>
							<div class="clear"></div>
						</div>
						<!--观点3-->
						<div class="view">
							<div class="view_p">
								<p>
									<a href="">#大时代#互联网卖内衣全球引爆声量飙至7.9亿</a>
								</p>
								<div class="img_span">
									<a href="#"><img src="img/artical/heart1_01.png" /></a>
									<span>120</span>
									<span>[新闻]</span>
									<span>12月26日 07:33:43</span>
									<div class="clear"></div>
								</div>
							</div>
							<div class="view_img">
								<img src="img/index/index_ (6).png" />
							</div>
						</div>
						<!--观点4-->
						<div class="view view1">
							<div class="view_p">
								<p>
									<a href="">#大时代#互联网卖内衣全球引爆声量飙至7.9亿</a>
								</p>
								<div class="img_span">
									<a href="#"><img src="img/artical/heart1_01.png" /></a>
									<span>120</span>
									<span>[项目]</span>
									<span>12月26日 07:33:43 </span>
									<div class="clear"></div>
								</div>
							</div>
							<div class="view_img">
								<img src="img/index/index_ (7).png" />
							</div>
						</div>
						<!--大时代2-->
						<a href="">
							<p>#大时代#互联网卖内衣全球引爆声量飙至7.9亿</p>
						</a>
						<div class="internet2_img">
							<img src="img/index/index_ (8).png" />
							<img src="img/index/index_ (9).png" />
							<img src="img/index/index_ (10).png" />
						</div>
						<!--评论-->
						<div class="internet_pinglun">
							<a href="#"><img src="img/index/touxiang.png" /></a>
							<span>陈正光</span>
							<a href="#"><img src="img/index/mail.png" /></a>
							<span>66888</span>
							<a href="#"><img src="img/artical/heart1_01.png" /></a>
							<span>66888</span>
							<span>[案例观点]</span>
							<span>2天前 </span>
							<div class="clear"></div>
						</div>
						<!--观点5-->
						<div class="view">
							<div class="view_p">
								<p>
									<a href="">#大时代#互联网卖内衣全球引爆声量飙至7.9亿</a>
								</p>
								<div class="img_span">
									<a href="#"><img src="img/artical/heart1_01.png" /></a>
									<span>6</span>
									<span>[新闻]</span>
									<span>12月26日 07:33:43</span>
									<div class="clear"></div>
								</div>
							</div>
							<div class="view_img">
								<img src="img/index/index_ (11).png" />
							</div>
						</div>
						<!--观点6-->
						<div class="view">
							<div class="view_p">
								<p>
									<a href="">#大时代#互联网卖内衣全球引爆声量飙至7.9亿</a>
								</p>
								<div class="img_span">
									<a href="#"><img src="img/artical/heart1_01.png" /></a>
									<span>6</span>
									<span>[新闻]</span>
									<span>12月26日 07:33:43</span>
									<div class="clear"></div>
								</div>
							</div>
							<div class="view_img">
								<img src="img/index/index_ (12).png" />
							</div>
						</div>
						<div class="loadding">
							<a href="#aaa">加载更多</a>
						</div>

					</div>
				</div>
			</div>
			<!--底部-->
				<footer>
					<!--底部弹性盒子-->
					<div class="foot">
						<!--logo_文字-->
						<div class="foont_img_p">
							<a href="index.html"><img src="img/template/(2).png" />
								<p style="color: firebrick;">首页</p>
							</a>
						</div>
						<div class="foont_img_p foont_img_p1">
							<a href="GIMC.html"><img src="img/template/2GIMC_b.png" />
								<p>GIMC</p>
							</a>
						</div>
						<div class="foont_img_p">
							<a href="artical_1.html"><img src="img/template/3artical_b.png" />
								<p>文章</p>
							</a>
						</div>
						<div class="foont_img_p">
							<a href="resourse.html"><img src="img/template/4resourse_b.png" />
								<p>资源</p>
							</a>
						</div>
						<div class="foont_img_p">
							<a href="academic.html"><img src="img/template/5xueyuan_b.png" />
								<p>学院</p>
							</a>
						</div>
					</div>
				</footer>

		</div>

		<script>
			/*动态改变根元素字体大小*/
			function recalc() {
				var clientWidth = document.documentElement.clientWidth;
				if(!clientWidth) return;
				document.documentElement.style.fontSize = 40 * (clientWidth / 640) + 'px';
			}

			function initRecalc() {
				recalc();
				var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
				if(!document.addEventListener) return;
				window.addEventListener(resizeEvt, recalc, false); //添加监听事件
				document.addEventListener('DOMContentLoaded', recalc, false);
			}
			initRecalc();
		</script>
	</body>

</html>